<?xml version="1.0" encoding="UTF-8"?>

<div xmlns="http://www.w3.org/1999/xhtml" component="$model/UI2/system/components/justep/window/window" data-bind="component:{name:'$model/UI2/system/components/justep/window/window'}" __justepbasexid__="__baseID__" components="$model/UI2/system/components/justep/labelEdit/labelEdit,$model/UI2/system/components/justep/panel/panel,$model/UI2/system/components/justep/panel/child,$model/UI2/system/components/justep/windowDialog/windowDialog,$model/UI2/system/components/justep/textarea/textarea,$model/UI2/system/components/justep/model/model,$model/UI2/system/components/justep/window/window,$model/UI2/system/components/justep/controlGroup/controlGroup,$model/UI2/system/components/justep/titleBar/titleBar,$model/UI2/system/components/justep/data/data,$model/UI2/system/components/justep/button/button,$model/UI2/system/components/justep/output/output,$model/UI2/system/components/justep/input/input,">  
  <div xmlns="" component="$model/UI2/system/components/justep/model/model" xid="model" style="display:none" data-bind="component:{name:'$model/UI2/system/components/justep/model/model'}"/>  
  <div xmlns="" component="$model/UI2/system/components/justep/panel/panel" class="x-panel x-full" xid="panel1" data-bind="component:{name:'$model/UI2/system/components/justep/panel/panel'}"> 
    <div class="x-panel-top" xid="top1" component="$model/UI2/system/components/justep/panel/child" data-bind="component:{name:'$model/UI2/system/components/justep/panel/child'}"> 
      <div component="$model/UI2/system/components/justep/titleBar/titleBar" class="x-titlebar" xid="titleBar1" data-bind="component:{name:'$model/UI2/system/components/justep/titleBar/titleBar'}" data-config="{&quot;title&quot;:&quot;controlGroup&quot;}"> 
        <div class="x-titlebar-left" xid="div1"> 
          <a component="$model/UI2/system/components/justep/button/button" class="btn btn-link" xid="button3" data-bind="component:{name:'$model/UI2/system/components/justep/button/button'}" data-events="onClick:closeWin" data-config="{&quot;icon&quot;:&quot;icon-chevron-left&quot;}"> 
            <i xid="i3" class="icon-chevron-left"/>  
            <span xid="span3"/> 
          </a> 
        </div>  
        <div class="x-titlebar-title" xid="div2">controlGroup</div>  
        <div class="x-titlebar-right " xid="div3"> 
          <div class="empty"/> 
        </div> 
      </div> 
    </div>  
    <div class="x-panel-content" xid="content1" component="$model/UI2/system/components/justep/panel/child" data-bind="component:{name:'$model/UI2/system/components/justep/panel/child'}"> 
      <p>容器组件,用来放置一组组件或数据 
        <a component="$model/UI2/system/components/justep/button/button" class="btn btn-link" xid="button1" data-bind="component:{name:'$model/UI2/system/components/justep/button/button'},visible:isVisible" data-events="onClick:showControlGroupStyle" data-config="{&quot;label&quot;:&quot;源码&quot;}"> 
          <i xid="i1"/>  
          <span xid="span1">源码</span> 
        </a> 
      </p>  
      <div component="$model/UI2/system/components/justep/controlGroup/controlGroup" class="x-control-group" xid="controlGroupStyle" data-bind="component:{name:'$model/UI2/system/components/justep/controlGroup/controlGroup'}" data-config="{&quot;title&quot;:&quot;demo controlGroup&quot;}"> 
        <div class="x-control-group-title" xid="controlGroupTitle1"> 
          <span xid="span2">demo controlGroup</span> 
        </div>  
        <div component="$model/UI2/system/components/justep/labelEdit/labelEdit" class="x-label-edit x-label25" data-bind="component:{name:'$model/UI2/system/components/justep/labelEdit/labelEdit'}"> 
          <label class="x-label center" data="mainData" data-bind="text:mainData.label('fName')"/>  
          <div class="x-edit"> 
            <input component="$model/UI2/system/components/justep/input/input" class="form-control" data="mainData" data-bind="component:{ref:mainData.ref('fName'),name:'$model/UI2/system/components/justep/input/input'}" data-config="{&quot;placeHolder&quot;:&quot;请输入名称&quot;}"/> 
          </div> 
        </div>  
        <div component="$model/UI2/system/components/justep/labelEdit/labelEdit" class="x-label-edit x-label25" data-bind="component:{name:'$model/UI2/system/components/justep/labelEdit/labelEdit'}"> 
          <label class="x-label center" data-bind="text:mainData.label('fName')"/>  
          <div class="x-edit"> 
            <div component="$model/UI2/system/components/justep/output/output" class="x-output" data="mainData" data-bind="component:{ref:mainData.ref('fName'),name:'$model/UI2/system/components/justep/output/output'}"/> 
          </div> 
        </div>  
        <div component="$model/UI2/system/components/justep/labelEdit/labelEdit" class="x-label-edit x-label25" data-bind="component:{name:'$model/UI2/system/components/justep/labelEdit/labelEdit'}"> 
          <label class="x-label center" data-bind="text:mainData.label('fAge')"/>  
          <div class="x-edit"> 
            <input component="$model/UI2/system/components/justep/input/input" class="form-control" data="mainData" data-bind="component:{ref:mainData.ref('fAge'),name:'$model/UI2/system/components/justep/input/input'}" data-config="{&quot;placeHolder&quot;:&quot;请输入年龄&quot;}"/> 
          </div> 
        </div>  
        <div component="$model/UI2/system/components/justep/labelEdit/labelEdit" class="x-label-edit x-label25" data-bind="component:{name:'$model/UI2/system/components/justep/labelEdit/labelEdit'}"> 
          <label class="x-label center" data-bind="text:mainData.label('fAge')"/>  
          <div class="x-edit"> 
            <div component="$model/UI2/system/components/justep/output/output" class="x-output" data="mainData" data-bind="component:{ref:mainData.ref('fAge'),name:'$model/UI2/system/components/justep/output/output'}"/> 
          </div> 
        </div>  
        <div component="$model/UI2/system/components/justep/labelEdit/labelEdit" class="x-label-edit x-label25" data-bind="component:{name:'$model/UI2/system/components/justep/labelEdit/labelEdit'}"> 
          <label class="x-label center" data-bind="text:mainData.label('fText')"/>  
          <div class="x-edit"> 
            <textarea component="$model/UI2/system/components/justep/textarea/textarea" class="form-control" data="mainData" data-bind="component:{ref:mainData.ref('fText'),name:'$model/UI2/system/components/justep/textarea/textarea'}"/> 
          </div> 
        </div> 
      </div> 
    </div> 
  </div>  
  <span xmlns="" component="$model/UI2/system/components/justep/windowDialog/windowDialog" xid="windowDialog" style="left:330px;top:394px;" data-bind="component:{name:'$model/UI2/system/components/justep/windowDialog/windowDialog'}" data-config="{&quot;src&quot;:&quot;$model/UI2/system/components/justep/common/demo/dialog.w&quot;}"> 
    <div xmlns:xhtml="http://www.w3.org/1999/xhtml" class="x-dialog-overlay"></div>  
    <div xmlns:xhtml="http://www.w3.org/1999/xhtml" class="x-dialog">  
      <div class="x-dialog-title"> 
        <button class="close"> 
          <span>×</span> 
        </button>  
        <div class="x-dialog-title-text"/> 
      </div>  
      <div class="x-dialog-body"/> 
    </div> 
  </span> 
</div>
